.order-card {
    padding: 0.3rem;
    color: #fff;
    text-align: center;

    .card {
        height: 2.5rem;
        background: linear-gradient(0deg, rgba(255, 26, 36, 1) 0%, rgba(255, 90, 84, 1) 100%);
        box-shadow: 0px 0.20rem 0.3rem 0px rgba(255, 0, 0, 0.2);
        border-radius: 0.24rem;
        position: relative;
        overflow: hidden;

        .card-num {
            font-size: 0.4rem;
            padding-top: 0.38rem;
        }

        .card-text {
            font-size: 0.3rem;
            padding-top: 0.1rem;
        }

        .card-footer {
            background-color: #FF565A;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            height: 1rem;
            font-size: 0.3rem;

            .footer-item {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                position: relative;

                &::after {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 0.16rem;
                    bottom: 0.16rem;
                    background-color: #fff;
                    width: 1px;
                }

                &:last-child {
                    &::after {
                        width: 0;
                    }
                }

                .footer-num {
                    font-size: 0.36rem
                }
            }
        }
    }
}